const 名称 = '正方形';


function 绘图(渲染, 边长, 横坐标, 纵坐标, 颜色) {
    渲染.fillStyle = 颜色;
    渲染.fillRect(横坐标, 纵坐标, 边长, 边长);

    return {
        长度: 边长,
        横坐标: 横坐标,
        纵坐标: 纵坐标,
        颜色: 颜色,
    };
}


function 报面积(边长, 列表识别码) {
    let 条目 = document.createElement('li');
    条目.textContent = (`${名称} 面积是: ${边长 * 边长} px\u00b2.`);

    let 列表 = document.getElementById(列表识别码);
    列表.appendChild(条目);
}


function 报周长(边长, 列表识别码) {
    let 条目 = document.createElement('li');
    条目.textContent = (`${名称} 周长是: ${边长 * 4} px`);

    let 列表 = document.getElementById(列表识别码);
    列表.appendChild(条目);
}


export {名称, 绘图, 报面积, 报周长};